/* CSS Design by DSI */

@import url("news.css");
@import url("paging.css");
@import url("misc.css");

body{
	background:url("../images/bg_03.jpg") repeat-x left top #e8e8e8;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
a, a.blue{
	color:#4E4E4E;
	text-decoration:none;
	outline:none;
}	
.fl { float:left;}
.fr { float:right;}
img{
	border:0px;
}
a:visited, a.blue:visited{
	color:#00508C;
}
a:hover{
	color:#FF7300;
}
.clear{
	height:0px;
	overflow:hidden;
	clear:both;
}
#wrap{
	background: #FFFFFF;
	width:1000px;
	margin:0 auto;/* TOP RIGHT BOTTOM LEFT*/
}
/*Begin Header*/
#header{
	/*background:url("../images/bg_tophead.png") no-repeat top center;*/
	width:1000px;
	margin:0 auto;
	padding:0px;
}
#header a, #header a:visited{
	color:#000000;
}
#header .links{
	float:left;
	width:390px;
	padding:5px 0px 0px 10px;
	color:#FFFFFF;
}
#header .links a, #header .links a:visited{
	color:#FFFFFF;
}
#header .links a:hover{
}
.links_home{
	background:url("../images/home.gif") no-repeat;
	padding:0px 0px 0px 15px;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.links_home:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#header .lang{
	float:right;
	width:290px;
	margin:0px 0px 0px 300px;
	padding:8px 0px 0px;
}
#header .lang img{
	height:32px;
}
#header .logo{
	width:190px;
	float:left;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 5px;
}
#header .slogan{
	width:790px;
	float:right;
	margin:0px;
	padding:10px 0px 0px;
}
#header .slogan p{
	font-family:Arial;
	margin:0px;
	padding:5px 0px;
	font-size:18px;
	color:#93070c;
	font-weight:bold;
	text-align:center;
}	
/*End Header*/
/*Begin Menu*/
#menu{
	width:1000px;
	clear:both;
	margin:0px auto;
	padding:0px;
	background:url("../images/menu_11.jpg") repeat-x;
}
#menu ul.top{
	list-style:none;
	padding:0px;
	margin:0px;
}
#menu ul.top li.top{
	float:left;
	background:url("../images/line_11.jpg") no-repeat right top;
	list-style:none;
	display:block;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	height:29px;
}
#menu ul.top li.top a.top{
	display:block;
	color:#FFFFFF;
	height:34px;
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
	/*text-shadow:1px 1px #000000;*/
}
#menu ul.top li.top a.top:visited{
	color:#FFFFFF;
}
#menu ul.top li.top a.top:hover, #menu ul.top li.top a.top.active{
	background:url("../images/hover2_07.png") no-repeat right top;
	color:#000;
	text-shadow:none;
}
#menu ul.top li.top a.home:hover, #menu ul.top li.top a.home.active{
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    color: #000000;
    margin-top: 2px;
    padding: 8px;
    text-shadow: none;
}
#menu ul.top li.top a.top span{
	display:block;
	height:26px;
	padding:5px 10px 0px;
}
#menu ul.top li.top a.top span:hover, #menu ul.top li.top a.top.active span{
	background:url("../images/hover_07.png") no-repeat left top;
}
/*End Menu*/
/*Begin TopSlide*/
#topslide{
	width:1000px;
	margin:0px auto;
	padding:0px;
}
/*End TopSlide*/
/*Begin Main*/
#content-wrap{
	clear:both;
	margin:0 auto;
	padding:3px 0px 0px 0px;
	width:1000px;
}
#main-content{
	width:auto;
	clear:both;
	margin:0px;
	padding:0px;
}
#top_content{
	margin:0px auto 10px;
	padding:0px;
	height:500px;
}
#top_content .left{
	float:left;
	border:1px solid #E4E2E2;
	width:670px;	
}
#top_content .bandovn{
	float:left;
	width:400px;
	text-align:center;
}
#top_content .khuvuc{
	background:url("../images/bg_khuvuc.png") repeat-y;
	float:right;
	width:265px;
	height:500px;
}
#top_content .stitle{
    background: url("../images/title_khuvuc.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-weight: bold;
    height: 39px;
    margin-left: 10px;
    margin-top: 5px;
    padding-left: 40px;
    padding-top: 12px;
    text-transform: uppercase;
    width: 248px;
}
#top_content .khucn{
	height:420px;
	overflow:auto;
}
#top_content .khucn ul {
    line-height: 150%;
    list-style: none outside none;
    margin:0px;
    padding:0px 0px 0px 20px;
}
#top_content .khucn ul li {
    background: url("../images/icon2_48.png") no-repeat scroll left center transparent;
	margin:0px;
	padding:2px 0px 5px 20px;
}
#top_content .khucn ul li em{
	color:#ff0900;
}


#top_content .right{
	float:right;
	width:315px;
}
#top_content .login_form{
	border-left: 1px solid #E4E2E2;
    border-right: 1px solid #E4E2E2;
    border-top: 1px solid #E4E2E2;
    width:313px;
}
#top_content .h1_title{
	background: url("../images/bg_h1_title.png") no-repeat scroll left center transparent;
	color: #034FC1;
	font-weight: bold;
	height: 39px;
	padding-left: 60px;
	padding-top: 7px;
	text-transform: uppercase;
	width: 253px;
}
#top_content .stats{
	background:url("../images/bgTK_06.png") top right no-repeat;
	background-position:0px 40px;
	border: 1px solid #E4E2E2;
    height: auto;
    width: 313px;
}
#top_content .stats_list{
	margin:0px;
	padding:0px 0px 0px 20px;
}
#top_content .stats_list ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#top_content .stats_list ul li{
	background:url("../images/icon1_44.png") no-repeat top left;
	background-position:0px 3px;
	margin:0px;
	padding:0px 0px 7px 20px;
	line-height:130%;
}

#nhatuyendung{
	margin:0px 0px 10px;
	background:url("../images/nhatuyendung.png") no-repeat center top;
	width:1000px;
	height:191px;
}
#nhatuyendung .ntd_title{
	margin:0px;
	padding:17px 0px 0px 100px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
}


.homebox{
	margin:0px 0px 10px;
}
.homebox_title{
	background: url("../images/bg_homebox_title.png") no-repeat scroll left top transparent;
	color: #034FC1;
	font-weight: bold;
	height: 38px;
	margin:0px;
	padding-left: 60px;
	padding-top: 10px;
	text-transform: uppercase;
}
.homebox_content{
    border-bottom: 1px solid #ADE5FC;
    border-left: 1px solid #ADE5FC;
    border-right: 1px solid #ADE5FC;
    float: left;
	width:998px;
	padding:0px 0px 10px 0px;
}
.categoryList {
    margin: 0 2px 13px 2px;
    overflow: auto;
    text-align: left;
}
.categoryList a, .categoryList a:visited{
	font-size:12px;
}
.categoryList li {
	background:url("../images/icon_45.png") no-repeat top left;
	background-position:0px 5px;
    display: block;
    float: left;
    padding: 0px 5px 8px 20px;
    width: 278px;
}
.categoryList li em{
	color:#ff0900;
}
.categoryList1 {
    margin: 0 2px 13px 2px;
    overflow: auto;
    text-align: left;
}
.categoryList1 a, .categoryList1 a:visited{
	font-size:12px;
}
.categoryList1 li {
	background:url("../images/icon_45.png") no-repeat top left;
	background-position:0px 5px;
    display: block;
    float: left;
    padding: 0px 5px 8px 20px;
    width: 428px;
	color:#666666;
	line-height:150%;
}

.bigbox{
	width:1000px;
	margin:0px 0px 10px 0px;
	/*background:url("../images/bg_mid_bigbox.png") repeat-y;*/
}
.bigbox_top{
	/*background:url("../images/bg_top_bigbox.png") no-repeat top left;*/
	color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 0 0 30px;
    text-transform: uppercase;
}
.bigbox_mid{
	padding:10px 30px;
}
.bigbox_top a, .bigbox_top a:visited{
	color:#000;
}
.bigbox_bot{
	height:28px;
	/*background:url("../images/bg_bot_bigbox.png") no-repeat bottom left;*/
}

.step_number{
	font-size:16px;
	text-align:center;
	color:#00508C;
	font-weight:bold;
}
/*Begin Left-Side*/
#left-side{
	float:left;
	width:320px;
	margin:0px 0px 10px;
	padding:0px;
}
.boxTitle02{width:185px; background:#999; color:#FFF; font-size:11px; text-transform:uppercase; padding:5px 5px 5px 10px;  margin:0}
.listType04{padding:0; list-style-type:none; margin:0}
		.listType04 li{background:#f4f4f4; border-bottom:1px solid #e1e1e2; border-top:1px solid #e1e1e2; display:block; padding:5px 5px 6px 30px; margin-top:3px !important;}
		.listType04 li.icon01{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px 3px #f4f4f4;}
		.listType04 li.icon02{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px -54px #f4f4f4;}
		.listType04 li.icon03{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px -113px #f4f4f4;}
		.listType04 li.icon04{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px -171px #f4f4f4;}
		.listType04 li.icon05{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px -229px #f4f4f4;}
		.listType04 li.icon06{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px -287px #f4f4f4;}
		.listType04 li.icon07{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px -346px #f4f4f4;}
		.listType04 li.icon08{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px -403px #f4f4f4;}
		.listType04 li.icon09{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px -460px #f4f4f4;}
		.listType04 li.icon10{background:url(../images/ico_toolbox_jobdetail.gif) no-repeat 5px -529px #f4f4f4;}
		.listType04 a{color:#333; text-decoration:none;}
		.listType04 a:hover{color:#ff9900;}
/*End Left-Side*/
/*Begin Mid-Side*/
#mid-side{
	width:625px;
	float:right;
	margin:0px 0px 10px;
	padding:0px;
}
.h1{
	background:none repeat scroll 0 0 #0065AD;
	padding:10px 5px;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.h1 a, .h1 a:visited{
	color:#FFFFFF;
}
.h2{

}
.iform input, .iform select{
}
.iform form{
	margin: 0px;
    padding-top: 10px;
}
.iform .error{
	margin:0px 0px 0px;
	padding:0px;
	color:#FF0000
}
.iform .success{
	margin:0px 0px 0px;
	padding:0px;
}
.iform .row{
	clear: both;
	margin: 0.5em 0;
	overflow: hidden;
}
.iform .row2{
	clear: both;
	margin: 1em 0;
	overflow: hidden;
	text-align:center;
}
.iform label {
    display: block;
    float: left;
    margin:5px 10px 0px 0px;
    text-align: right;
    width: 30%;
}
.iform dt{
    margin:5px 10px 0px 0px;
}
.iform .input{
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 3px 0px;
    width: 68%;	
	color:#000000;
}
.iform .input:hover, .iform .input_focus{
	border:1px solid #C60000;
}
.iform .input2{
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
    border-bottom: 1px dotted #333333;
    margin: 0;
    padding: 3px 0px;
    width: 58%;	
	color:#000000;
}
.iform .input3{
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
    border-bottom: 1px dotted #333333;
    margin: 0;
    padding: 3px 0px;
    width: 90%;	
	color:#000000;
}
.iform .input2:hover, .iform .input2_focus{
	border-bottom:1px solid #C60000;
}
.iform .input3:hover, .iform .input3_focus{
	border-bottom:1px solid #C60000;
}
.iform .select1{
    margin: 0;
    padding: 3px;
	color:#666666;
}
.iform .select2{
	border-top:0px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
    border-bottom: 1px dotted #DDDDDD;
    margin: 0;
    padding: 3px 0px;
	color:#666666;
}
.iform .checkbox, .iform .radio {
}
.button100, .button80{
	border:0px;
	height:22px;
	margin:0px;
	padding:0px 0px 3px 20px;
	color:#FFFFFF;
	text-align:left;
	font-size:11px;
}
.button100{
	width:100px;
	background:url("../images/bg_button100.jpg") no-repeat;
}
.button80{
	width:80px;
	background:url("../images/bg_button80.jpg") no-repeat;
}
div.button100, div.button80{
	height:19px;
	padding:3px 0px 0px 20px;
}
.button100 a, .button100 a:visited, .button80 a, .button80 a:visited{
	color:#FFFFFF;
}
.button100:hover, .button80:hover{
	cursor:pointer;
	color:#000000;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.iform .groupinfo{
	margin:0px;
	padding:3px;
	background:#333333;
	color:#FFFFFF;
}
.iform .avatar{
	margin:0px;
	padding:0px;	
}
.iform .avatar img{
	width:128px;
	height:192px;
}
.iform .avatar100{
	margin:0px;
	padding:0px;	
}
.iform .avatar100 img{
	width:100px;
	height:100px;
}
.iform .upload_button{
	position: relative;
	overflow: hidden; 
	direction: ltr;
    background: none repeat scroll 0 0 #999999;
    border-bottom: 1px solid #DDDDDD;
    color: #FFFFFF;
    display: block;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
.iform .upload_button:hover{
	background:#0000FF;
}
.iform .upload_button input{
	font-size: 460px;
	position: absolute;
	margin: 0;
	padding:0;
	top:0px;
	right:0px;
	border-style: none !important;
	padding: 0 !important;
    white-space: nowrap;
	z-index:1;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}

.bottomborder tr{
    border-bottom: 1px dotted #333333;
}

.bottomborder1{
	border-collapse:collapse;
}
.bottomborder1 td{
	padding:5px 0px;
}
.bottomborder1 tr{
    border-bottom: 1px dotted #333333;
}


.tbl_form{
	border-collapse:collapse;
}
.tbl_form tr:hover{
	color:#000000;
}
.tbl_form td{
	padding:0px 0px 5px;
	border:0px;
}
.tbl_form2{
	border-collapse:collapse;
	margin:5px 0px;
}
.tbl_form2 tr:hover{
	color:#000000;
}
.tbl_form2 td, .tbl_form2 th{
	padding:5px;
	border:1px #DDDDDD solid;
}

/*TABLE LIST*/
.tbl_list{
	padding:10px 0px;
	border-collapse: separate;
	color:#666666;
}
	.tbl_list td{
		padding:3px 4px 3px;		
	}
	.sorterbar th {
		background-color: #EEEEEE;
		background-image: url("../../../../s.ytimg.com/yt/img/sorterbar-bk-vfl_pOYUb.png");
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #999999;
		font-size: 11px;
		font-weight: normal;
		height: 24px;
		margin: 0;
		padding: 0 5px;
		text-align: left;
		vertical-align: middle;
	}
	.sorterbar th.date {
		border-right: medium none;
		width:20%;
		text-align:right;
	}
	.sorterbar th.from {
		width:20%;
	}
	.tbl_list .checkbox{
		width:28px;
		text-align:center;
	}
	.tbl_list .date{
		text-align:right;
	}
	.tbl_list td.nomessage{
		color:#FF0000;
		padding:10px 0px;
		text-align:center;
	}	
	.tbl_list td.subject{
		color:#666666;	
	}	
	.tbl_list td.subject .body{
		background:#FFFFCC;
		display:none;
		margin:0px;
		padding:5px;
		line-height:120%;
		color:#000000;
	}
	.tbl_list td.subject h3.unread{
		font-weight:bold;
	}
	.tbl_list td.subject h3{
		font-size:11px;
		cursor:pointer;
		font-weight:normal;
	}
	.tbl_list td.subject h3:hover{
		text-decoration:underline;
	}
	.tbl_list td.subject .button{
		float:left;
		width:48%;
		display:none;
		padding:10px 0px;
	}
	.tbl_list td.subject .message-to {
		float:right;
		width:48%;
		padding: 1em 0 0.25em;
		display:none;
		color:#000000;
		text-align:right;
	}
	
.printform{
	padding:5px;
	margin:10px 0px 0px;
	border:3px #000000 solid;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
}
.tbl2{
	border:2px #000000 solid;
	margin-bottom:3px;
}
.tbl2 td{
	padding:1px 3px;
	border-bottom:1px #333333 solid;
	border-left:1px #333333 solid;
}
.tbl3{

}
.tbl3 td{
	padding:3px;
	border:0px;
	text-align:center;
}
/*Begin Float Dialog*/
.fDialog, .fDialog *{
	margin:0px;
	padding:0px;
}
.fDialog .field{
	clear:both;
	margin:0px;
	padding:5px 0px;
}
.fDialog .error{
	clear:both;
	margin:0px;
	padding:5px 0px;
	color:#FF0000;
	background:#FFFFCC;
	text-align:center;
	display:none;
}
	.fDialog h3{
		text-transform:uppercase;
		font-weight:bold;
		padding:0px 0px 10px;
	}
.fDialog label{
	float:left;
	width:150px;
	line-height:130%;
}
.fDialog input{
	width:250px;
	padding:0px;
}
.fDialog select{
}
.fDialog textarea{
	width:250px;
	height:100px;
}

.fDialog .agift{
	 margin:0px 5px 5px 0px;
	 cursor:pointer;
}
.fDialog .agift img{
	border:1px #CCCCCC solid;
	opacity:0.75;
	filter:alpha(opacity=75);
}
.fDialog .agift:hover img{
	border:1px #FF0000 solid;		
	opacity:1;
	filter:alpha(opacity=100);
}

#account{
	margin:0px 0px 10px;
	padding:0px;
}
#account .left{
	float:left;
	width:740px;
}
#account .box{
	margin:0px 0px 20px 0px;
	padding:0px;
}
#account .box_title{
	background:url("../images/bg_box_title.png") no-repeat top left;
	width:608px;
	height:23px;
	padding:13px 0px 0px 60px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#account .box_content{
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    height: auto;
    padding: 10px 10px 10px;
    width: 646px;
}
#account .box_content p{
	margin:0px;
	padding:5px 0px;
}
#account .box_footer{
	background:url("../images/bg_box_footer.png") no-repeat top left;
	width:668px;
	height:6px;
	margin:0px;
	padding:0px;		
}
#account .right{
	width:255px;
	float:right;
}
#account .account_menu{
	background:url("../images/bg_account_menu.png") top right no-repeat;
	width:255px;
	height:385px;
}
#account .account_menu_title{
	color:#FF0000;
	text-transform:uppercase;
	padding:20px 0px 20px 75px;
	font-size:12px;
	font-weight:bold;
}
#account .account_menu ul {
    line-height: 30px;
    list-style: none outside none;
    margin: 0 0 0 20px;
    padding: 0px 0px 0px 0px;
}
#account .account_menu ul li {
    background: url("../images/account_bullet.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
#account .account_menu ul li a, #account .account_menu ul li a:visited{
	color:#FFFFFF;
	font-weight:bold;
}

.boxfound{
	background:#FFFFCC url("../images/found.gif") top left no-repeat;
	background-position:5px 5px;
	border:1px #FFFF66 solid;
	color:#FF0000;
	padding:5px 5px 5px 30px;
	line-height:150%;
}

.tooltip{
    border: 1px solid #FFFF66;
    background: #FFFFCC ;/*url(../images/icon-rb.gif) no-repeat top left*/
	margin:0px;
    padding: 3px 5px;
	width:auto;
    opacity: 0.9;
	filter: alpha(opacity = 90);
	margin:0px;
    color: #00508C;
	font-size:11px;
	text-align:left;
	line-height:150%;
}
/*End Float Dialog*/
a.button_1{
	background:#238a14;
	border:0px;
	display:block;
	margin:5px 0px;
	padding:3px 8px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}
a.button_1:hover{
	color:#FFFFFF;
	text-shadow:none;	
}
a.button_2{
	background:#CCCCCC;
	font-weight:bold;
	font-size:10px;
	padding:3px 5px;
	margin:0px;
	cursor:pointer;
	color:#FFFFFF;
	text-transform:uppercase;
}
a.button_2:hover{
	background:#000000;
}

/*End Mid-Side*/
/*Begin Right-Side*/
/*End Right-Side*/
/*Begin Bottom*/
/*End Bottom*/
/*End Main*/

.ulWidget {
    margin: 0px;
	padding:0px;
    overflow: auto;
    text-align: left;
	width:95%;
}
.ulWidget a, .ulWidget a:visited{
	color:#000000;
}
.ulWidget a:hover{
	color:#666666;
}
.ulWidget li {
    display: block;
    float: left;
    padding: 0px 0px 5px;
	margin:0px;
    width: 49%;
	color:#666666;
	line-height:130%;
}

#floatpanel{
	width:100px;
	height:300px;
	border:0px;
	background:none;
	top:220px;
	right:5px;
	position:absolute;
	z-index:2;
}
#floatpanel a, #floatpanel a:visited{
	background:#0065AD; 
	padding:3px; 
	color:#FFFFFF
}
#floatpanel a:hover{
	color:#FFFF00;
}

#maingallery {
    font-size: 11px;
	width:100%;
}
#maingallery .nav {
    padding: 8px 2px;
}
#maingallery .paging {
    padding: 5px 2px;
}